@import "base";
.web{
    width: vw(750);
    height: vw(1366);
    // background-color: bisque;
    // 顶部
    .shou{
        width: vw(750);
        height: vw(127);
        display: flex;
        justify-content:space-between;
        align-items: center;
        font-size: vw(26);
        font-weight: bold;
        .s{
            color:#ff9344;;
            margin-right: vw(15);
            font-size: vw(80);
        }
        .shoua{
            width: vw(123);
            height: vw(57);
            border: vw(2) solid #ff9344;
            border-radius:vw(28);
            text-align: center;
            line-height: vw(57);
            margin-left: vw(15);
        }
    }
    // 点击登录
    .box{
        width: vw(750);
        height: vw(185);
        // background-color: rgb(146, 101, 43);
        display: flex;
        .box1{
            width: vw(170);
            height: vw(170);
            // background-color: aqua;
            border-radius: vw(85);
            img{
                width: vw(170);
                height: vw(170);
                border-radius: vw(85);
            }
        }
        .box2{

            width: vw(170);
            height: vw(185);
            // background-color: aqua;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            
            .a{
                font-size: vw(30);
                font-weight: bold;
            }
            .b{
                font-size: vw(26);
                color: #9d9d9d;
            }
        }
            .box3{
                width: vw(70);
                height: vw(170);
                // background-color: beige;
                position: absolute;
                right: vw(15);
                .iconfont{
                    font-size:vw(80) ;
                     line-height: vw(170);
                }
            }

        
    }
    // 三个图
    .boxa{
        width:vw(750);
        height: vw(192);
        // background-color: aquamarine;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
       
        .boxa1{
            width: vw(195);
            height: vw(151);
            // border: 1px solid;
            text-align: center;
            background-color: #b2e0a0;
            // .s{
            //     background-color: #9d9d9d;
            // }
            p{
                font-size: vw(26);
                font-weight: bold;
            }             
            .a{
            font-size: vw(80);
            color: azure;
            
           
        }
        }
        
    }
    // 更多栏
    .title{
        width:vw(750);
        height: vw(416);
        // background-color: #b2e0a0;
        display: flex;
        
        .list{
            width: vw(240);
            height: vw(416);
            // background-color: antiquewhite;
            display: flex;
            .list_ico{
                width: vw(104);
                height: vw(416);
                color: #ff9344;
                // background-color: aqua;
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                align-items: center;
                .iconfont{
                    font-size: vw(70);
                }
   
            }
            .list_search{
                width: vw(136);
                height: vw(416);
                font-size: vw(26);
                font-weight: bold;
                // background-color: #405738;
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                align-items: center;
            }
          
        }
        .list_more{
            width: vw(160);
            height: vw(416);
            // background-color: aqua;
            position: absolute;
            right: 0;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            .biaoa{
                margin-left: vw(40);
                width: vw(160);
                height: vw(50);
                // border: 1px solid;
                display: flex;
                justify-content: space-between;
                align-items: center;
                .iconfont{
                    font-size: vw(60);
                }
                .a{
                    font-size: vw(30);
                    font-weight: 700;
                }
                .c{
                   position: relative;
                   left: vw(-17);
                    transform: rotate(90deg);
                    margin-right: vw(15);
                    color: #ff9344;
                }
               
    
            }
        }
        
    }
    // 退出，注销
    .botton{
        width:vw(750);
        height: vw(210);
        // background-color: aqua;
        .bottona{
            width: vw(750);
            height: vw(211);
            // background-color: antiquewhite;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            .list{
                width: vw(240);
                height: vw(170);
                // background-color: antiquewhite;
                display: flex;
                .list_ico{
                    width: vw(104);
                    height: vw(220);
                    color: #ff9344;
                    // background-color: aqua;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-evenly;
                    align-items: center;
                    .iconfont{
                        font-size: vw(70);
                    }
       
                }
                .list_search{
                    width: vw(136);
                    height: vw(211);
                    font-size: vw(26);
                    font-weight: bold;
                    // background-color: #405738;
                    display: flex;
                    flex-direction: column;
                    justify-content: space-evenly;
                    align-items: center;
                }
              
            }
            .list_more{
               
                width: vw(160);
                height: vw(200);
                // background-color: aqua;
                position: absolute;
                right: 0;
                display: flex;
                flex-direction: column;
                justify-content: space-evenly;
                .biaoa{
                    margin-left: vw(40);
                    width: vw(160);
                    height: vw(50);
                    // border: 1px solid;
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    .iconfont{
                        font-size: vw(60);
                    }
                    .a{
                        font-size: vw(30);
                        font-weight: 700;
                    }
                    .c{
                       position: relative;
                       left: vw(-17);
                        transform: rotate(90deg);
                        margin-right: vw(15);
                        color: #ff9344;
                    }
                   
        
                }
            }
        
        }
        .bottonb{
           
            position: relative;
               top: vw(50);
            width: vw(750);
            height: vw(100);
            // background-color: rgb(22, 44, 37);
            display: flex;
            justify-content: center;
            div{
                margin: 0 vw(50);
                width: vw(148);
                height: vw(78);
                text-align: center;
                line-height: vw(78);
                color: azure;
                background-color:#ff9344;
                border-radius: vw(36);
            }
        }
    }
    // 底部导航
    .footer {
        margin: auto;
        margin-top: vw(90);
        margin-left: vw(-20);
        
        display: flex;
        justify-content: space-between;
        width: vw(600);
        height: vw(130);
        a:hover{
            color: #ff9344;
        }
        .s{
            color: #ff9344;
        }
        .b{
            color: black;
        }
        li{
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .iconfont{
           span{
               position: relative;
               top: vw(-50);
               font-size: vw(30);
           }
            display: flex;
            flex-direction: column;
            list-style: none;
             text-decoration: none;
            align-items: center;
           font-size: vw(60);    
        }
      }
}